<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Elemento Selezionato</title>
</h:head>
<h:body onload="#{pacchettoPredBean.caricaDettaglio(param['id'])}">
<h1> #{pacchettoPredBean.selectedPacchetto.nome}</h1>
		<h:form>
		<h:link outcome="ricerca" value="Aggiungi elementi base" /> <br /> 	
		<p:commandButton value="Cancella pacchetto" update="display" icon="ui-icon-search" action="#{pacchettoPredBean.elimina()}"/>  
		
		<p:growl id="growl" showDetail="true" sticky="true" /> 
	
		<p:contextMenu for="pack">  
        <p:menuitem value="Dettaglio" update="display" icon="ui-icon-search" action="#{ricerca.loadDettaglio(pacchettoPredBean.selectedElemento)}" oncomplete="PF('elementDialog').show()"/>
   		<p:menuitem value="Cancella elemento" update="pack" icon="ui-icon-search" action="#{pacchettoPredBean.eliminaElemento()}"/>  
 	    </p:contextMenu>  
		
    	<p:dataTable id="pack" var="elemento" value="#{pacchettoPredBean.selectedPacchetto.elementi}" scrollable="true" scrollHeight="150"
    	rowKey="#{elemento.nome}" selection="#{pacchettoPredBean.selectedElemento}" selectionMode="single">  
        	<p:column headerText="Nome Elemento">  
            	<h:outputText value="#{elemento.nome}" />  
        	</p:column>  
        	
        	<p:column headerText="Data">  
            	<h:outputText value="#{elemento.data}" />  
        	</p:column>  
        
        	<p:column headerText="Prezzo">  
            	<h:outputText value="#{elemento.prezzo}" />  
        	</p:column>  
  
  	  </p:dataTable>  
  	  
  	  	 <p:dialog header="Dettaglio Elemento " widgetVar="elementDialog" resizable="false" id="carDlg"  
                showEffect="fade" hideEffect="explode" modal="true" position="top">  
  
        <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;">  
  
            <h:outputText value="Nome:" />  
            <h:outputText value="#{pacchettoPredBean.selectedElemento.nome}" style="font-weight:bold"/>
            
            <h:outputText value="Data:" />  
            <h:outputText value="#{pacchettoPredBean.selectedElemento.data}" style="font-weight:bold"/>  
            
            <h:outputText value="Prezzo:" />  
            <h:outputText value="#{pacchettoPredBean.selectedElemento.prezzo}" style="font-weight:bold"/>    
  
  			<h:outputText value="Tipo:" />  
            <h:outputText value="#{pacchettoPredBean.selectedElemento.tipo}" style="font-weight:bold"/> 
           
           
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="Città arrivo:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàArrivo}" style="font-weight:bold"/> 
            
  			<h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="Città partenza:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.cittàPartenza}" style="font-weight:bold"/> 
        
        	<h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="Compagnia:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.compagnia}" style="font-weight:bold"/>
  			
  			<h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="Numero Volo:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Volo'}" value="#{ricerca.volo.numVolo}" style="font-weight:bold"/>    
          

            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="Città:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.città}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="Ora:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.oraFine}" style="font-weight:bold"/> 
             
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="Tipo:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Escursione'}" value="#{ricerca.escursione.tipo}" style="font-weight:bold"/> 
            
            
            
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="Città:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.città}" style="font-weight:bold"/> 
                        
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="Descrizione:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.descrizione}" style="font-weight:bold"/> 
                     
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="Indirizzo:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.indirizzo}" style="font-weight:bold"/> 
            
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="Numero Telefono:" />  
            <h:outputText rendered="#{pacchettoPredBean.selectedElemento.tipo eq 'Hotel'}" value="#{ricerca.hotel.numTelefono}" style="font-weight:bold"/> 
           
                     
        </h:panelGrid>   
  
    </p:dialog> 
  	  
    </h:form>  
</h:body>
</html>